<template>
  <view class="Ectronic">
    <!-- <view class="sec1">
      <view class="wrap">
        <view class="btn" @click="templeClcik(1)">寺院修建</view>
        <view class="btn" @click="templeClcik(2)">消灾祈愿</view>
        <view class="btn" @click="templeClcik(3)">弘法利生</view>
        <view class="btn" @click="templeClcik(4)">还愿报恩</view>
      </view>
    </view> -->
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    //寺院修建
    templeClcik(type) {
      uni.navigateTo({
        url: "../Temple/Temple?type=" + type,
      });
    },
  },
};
</script>

<style lang="scss" scoped>
page {
  width: 750rpx;
  background-color: #fff;
}
.Ectronic {
  .sec1 {
    width: 100%;
    height: calc(100vh);
    background: url("https://www.123qifu.com/onlineimages/static/gdxbg.png")
      no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    .wrap {
      width: 582rpx;
      height: 678rpx;
      background: url("https://www.123qifu.com/onlineimages/static/gdxWp.png")
        no-repeat;
      background-size: 100% 100%;
      margin: 209rpx auto 0;
      overflow: hidden;
      box-sizing: border-box;
      padding-top: 150rpx;
      .btn {
        width: 294rpx;
        height: 74rpx;
        background: url("https://www.123qifu.com/onlineimages/static/gdxbtn.png")
          no-repeat;
        background-size: 100% 100%;
        text-align: center;
        line-height: 74rpx;
        font-size: 30rpx;
        font-weight: 500;
        color: #ffffff;
        margin: 0 auto 58rpx;
      }
    }
  }
}
</style>
